*{font-family: 'Open Sans', Helvetica, Arial, serif;;}
.font-class-1 {
	font-family: 'Open Sans', Helvetica, Arial, serif;;
	font-style: normal;
	font-weight: 500;
        }
 .font-class-2 {
    font-family: 'Open Sans', Helvetica, Arial, serif;;
    font-style: normal;
    font-weight: 600;
}

.font-class-3 {
    font-family: 'Open Sans', Helvetica, Arial, serif;;
    font-style: normal;
    font-weight: 400;
}
.font-class-4 {
  font-family:'Montserrat', Helvetica, Arial, serif;
  font-style:italic;
  font-weight:600;
}
.font-class-5 {
  font-family:'Montserrat', Helvetica, Arial, serif;
  font-style:normal;
  font-weight:400;
}
.font-class-6 {
  color:rgba(255,255,255,1.0);
  font-family:'Open Sans', Helvetica, Arial, serif;
  font-size:14.0px;
  font-style:normal;
  font-weight:600;
  line-height:18.0px;
}
.font-class-7 {
    font-family: 'Open Sans', Helvetica, Arial, serif;;
    font-style: normal;
    font-weight: 700;
}

  
  .coronavirus {
      position: absolute;
      right: -4%;
      top: 67px;
      z-index: 999;
  }
  
  .experts-home .group-233-C61RwL {
    position: initial !important;
  }
  
  .coronaBtn {
    background: #1e4bb8;
    border-radius: 4px;
    color: #ffffff;
  }
  
  .experts-home .back-to-top-C61RwL {
    left: 1198px;
    position: absolute;
    top: 459px;
  }
  
  .print {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 464px;
    z-index: 999;
  }
  
  .upArrow {
    background-color: transparent;
    position: absolute;
    top: 464px;
    right: 0px;
    padding: 0px;
    border: 0px;
    z-index: 999;
  }
  
  .printimg,
  .backtotop,
  .font {
    width: 74px;
    height: 74px;
  }
  
  .fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 400px;
  }
  
  .imgcircle {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 31px;
    left: 126px;
    text-align: center;
  }
  
  .ractangleBox {
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    position: absolute;
    width: 310px;
    height: 296px;
    left: 80px;
    top: 565px;
    border-radius: 2px;
  }
  
  .grpimg {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 11px;
    left: 12px;
  }
  
  .card-body {
    position: absolute;
    width: 250px;
    height: 25px;
    left: 16px;
    top: 81px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
  }
  
  .percentage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 163px;
    height: 49px;
    left: 42px;
    top: 60px;
  }
  
  .totalPerson {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 130px;
    height: 48px;
    left: 53px;
    top: 122px;
  }
  
  .card {
    height: 296px;
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* position: relative; */
    border-radius: 0px;
    width: 100%;
  }
  
  .carousel {
    top: 17.5%;
  }
  
  .carousel-indicators {
    top: 300px;
  }
  
  .carousel-indicators li {
    background-color: #bbc5d0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  
  .carousel-indicators .active {
    background-color: #2c75dd;
  }
  
  #multi-item-example .carousel-inner {
    width: 95%;
    left: 71px;
  }
  
  .Highlight_nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 180px;
    /* right: -26%; */
    left: -37px;
    z-index: 999;
  }
  
  .nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 110px;
    right: 3%;
    /* left: -37px; */
    z-index: 999;
  }
  .body-section {
    position: absolute;
    width: 92%;
    height: 256px;
    left: 83px;
    top: 580px;
    /* opacity: 0.05; */
    background: #f4faff;
  }
  
  .body-content {
    width: 100%;
    align-items: center;
    position: relative;
    top: 621px;
    left: 20%;
    height: 50px;
  }
  
  .selectType {
    width: 292px !important;
    background: #f4faff;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #032f9a;
  }
  
  .like {
    width: 543px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-left: none;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #00247b;
    border-left: none;
  }
  
  .divsearchImg {
    width: 38px;
    border: 1px solid #00247b;
    height: 38px;
    background-color: white;
    border-right: none;
    /* border-bottom-right-radius: 0px; */
    /* border-radius: 0px; */
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
  
  .searchImg {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 18px;
    height: 18px;
  }
  
  .searchTerm {
    position: absolute;
    width: 184px;
    height: 25px;
    left: 20.4%;
    top: 730px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
  }
  
  .searchBtn {
    position: absolute;
    height: 48px;
    left: 20.4%;
    top: 767px;
  }
  
  .coronaVirusBtn,
  .aging,
  .graduate,
  .Unemployment {
    height: 41px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    width: 199px;
    background-color: transparent;
  }
  
  .highlightSec {
    position: absolute;
    height: 36px;
    left: 53px;
    top: 1200px;
    width: 100%;
  }
  
  .hightlight-Title > h4,
  .benchmark-Title > h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
    width: 150px;
  }
  
  .hightlight {
    max-width: 70%;
  }
  
  .allHighlightLnk {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1e4bb8;
  }
  
  #highlight-carousel {
    position: absolute;
    top: 80px;
    width: 96%;
  }
  
  .highlight-card-body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #1f253d;
    position: absolute;
    top: 82%;
    left: 48px;
  }
  
  .highlight-Date {
    position: absolute;
    width: 81px;
    height: 20px;
    left: 50px;
    top: 260px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #c75100;
  }
  
  #highlight-carousel .carousel-inner {
    height: 437px;
    width: 100%;
  }
  @media only screen and (min-width: 1320px) {
    .highlight-card-body {
      top: 78%;
    }
  
    .employee,
    .employer {
      width: 201px !important;
      height: 48px !important;
    }
  
    .occupationText,
    .salaryText {
      width: 88% !important;
    }
    .income {
      width: 87% !important;
      height: 48px !important;
    }
    .tools {
      width: 153px !important;
      left: 100px !important;
    }
  
    #highlight-carousel .nextImg {
      left: 350px;
      top: 200px;
    }
  
    .pubBtn {
      left: 76.3% !important;
    }
    .Highlight_nextImg {
      left: 340px;
      top: 200px;
    }
    .highlight-text {
      background: #f2f7fc;
      position: absolute;
      width: 100%;
      height: 96.17px;
      left: 5.04px;
      top: 349.06px;
    }
    .highlight-card .card-img-top {
      height: 355px;
    }
  }
  

  
  .highlight-carousel-indicators {
    top: 451px;
  }
  
  .highlight-card-text {
    position: absolute;
    width: 782.9px;
    height: 53.17px;
    left: 48.04px;
    top: 17.06px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
  }
  
  .highlight-text {
    background: #f2f7fc;
    position: absolute;
    width: 100%;
    height: 96.17px;
    left: 5.04px;
    top: 348.06px;
  }
  
  .controls-top {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 797px;
    top: 0px;
    filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 0.2));
  }
  
  .article-Content {
    position: absolute;
    width: 199px;
    height: 34px;
    left: 5px;
    background: #2563cc;
    top: 0px;
  }
  
  .articleText {
    position: relative;
    left: 64px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
  }
  
  .article-image {
    position: relative;
    left: 52px;
  }
  
  .benchmarkArea {
    position: absolute;
    width: 100%;
    height: 494px;
    left: 0px;
    top: 82px;
    background: #eef1f4;
  }
  
  .benchmark-btn {
    position: absolute;
    left: 23px;
    top: 40px;
  }
  
  .employee {
    width: 135px;
    background: #1e4bb8;
    border-radius: 4px 0px 0px 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #1e4bb8;
    color: #ffffff;
    height: 37px;
    position: relative;
    left: 5px;
  }
  
  .employer {
    width: 135px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    height: 37px;
    color: #1e4bb8;
    margin-right: 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #1e4bb8;
  }
  
  .benchmark-fields {
    position: absolute;
    width: 100%;
    /* height: 9.04px; */
    left: 28.17px;
    top: 104.33px;
  }
  
  .occupation,
  .month {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* align-items: unset; */
    color: #0c0d0d;
    justify-content: unset;
    position: relative;
    margin-bottom: 8px;
  }
  
  .occupationText,
  .salaryText {
    width: 265.66px;
    height: 46px;
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
  }
  
  ::placeholder {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #b5b6b7;
  }
  
  .benchmarkBtn {
    position: absolute;
    width: 100%;
    /* height: 48px; */
    left: 3.17px;
    top: 222.01px;
  }
  
  .income {
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    width: 264px;
    height: 48px;
  }
  
  .income-tools {
    position: absolute;
    /* width: 158px; */
    /* height: 24.04px; */
    left: 3px;
    top: 293.87px;
  }
  
  .incometrends {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
  }
  
  .tools {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1e4bb8;
    position: relative;
    width: 100px;
    left: 11px;
    height: 43px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .data {
    position: absolute;
    height: 204px;
    width: 100%;
    left: 64px;
    top: 1850px;
  }
  
  .build-circle {
    position: relative;
    top: 32px;
  }
  
  .builder {
    background: linear-gradient(11.52deg, #1e4bb8 6.28%, #4ea3fa 216.22%);
    height: 204px;
    width: 421px;
    text-align: center;
  }
  
  .builder-body {
    position: relative;
    top: 50px;
  }
  
  .builder-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
  }
  
  .builder-cnt {
    height: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    position: relative;
    left: 5px;
  }
  
  .builderMrgin {
    max-width: 29%;
    margin-right: 20px;
  }
  
  .recentPublication {
    position: absolute;
    width: 100%;
    height: 511px;
    left: 0px;
    top: 2120px;
    background: #c3e1ff;
  }
  
  .publicTitle {
    position: absolute;
    width: 228px;
    height: 36px;
    left: 80px;
    top: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
  }
  
  #publication-example {
    position: relative;
    top: 23%;
    left: 46px;
    width: 100%;
    margin: 0px !important;
  }
  
  .bkstyle {
    background: #ffffff;
    height: 267px;
    width: 24%;
  }
  
  #publication-example .carousel-inner {
    position: relative;
    left: 20px;
  }
  
  .public-card {
    position: relative;
    top: 65px;
    left: 16px;
  }
  
  .assetimg {
    width: 275px;
    height: 112px;
    position: absolute;
    top: 83px;
    left: -31px;
  }
  
  .publicDate {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
  }
  
  .public-card-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
  }
  
  .report-Content {
    position: absolute;
    left: -17px;
    right: 0%;
    top: -65px;
    bottom: -25%;
    background: #2563cc;
    width: 195px;
    height: 47px;
  }
  
  .report-image {
    position: relative;
    left: 54px;
  }
  
  .reportText {
    position: relative;
    left: 70px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
  }
  
  .pdf {
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 124px;
    height: 48px;
    position: absolute;
    background-color: transparent;
    left: 104px;
    top: 139px;
  }
  
  .downloadbtn {
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
    position: relative;
    width: 15px;
    height: 15px;
    left: -4px;
    top: -4px;
  }
  
  .pdftext {
    position: relative;
    left: 8px;
    /* right: 0%; */
    top: -2px;
    bottom: 0%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    flex: none;
    order: 1;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
  }
  
  .pubBtn {
    position: absolute;
    left: 776px;
    top: 438px;
  }
  
  .release {
    height: 45px;
    width: 173px;
    margin-right: 17px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #032f9a;
    background-color: transparent;
    border: 1px solid #032f9a;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .more {
    width: 200px;
    height: 45px;
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #032f9a;
  }
  
  .survey {
    position: relative;
    width: 100%;
    height: 316px;
    left: 0px;
    top: 74%;
  }
  
  .surveycontent {
    position: relative;
    left: -15px;
    height: 100%;
  }
  
  .surveyimg {
    z-index: 999;
    position: relative;
    top: 1px;
    opacity: 0.6;
    width: 103%;
    height: 100%;
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.81) -18.65%,
      rgba(255, 255, 255, 0.68) 53.39%,
      rgba(255, 255, 255, 0) 89.55%,
      rgba(255, 255, 255, 0) 89.55%
    );
    mix-blend-mode: multiply;
    opacity: 1;
  }
  
  .bluebackColor {
    position: relative;
    top: -311px;
    background: linear-gradient(86.91deg, #1e4bb8 27.69%, #83c2ec 141.2%);
    width: 103%;
    height: 100%;
  }
  
  .grpcls {
    height: 152px;
    width: 102px;
  }
  
  .grpImag {
    position: absolute;
    left: 20%;
    right: 72.95%;
    top: 14%;
    bottom: 12.9%;
  }
  
  .surveyQues {
    left: 33%;
    position: absolute;
    top: 12%;
    width: 54%;
  }
  
  .ques {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #ffffff;
  }
  
  .surveyDesc {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    position: absolute;
    top: 60px;
  }
  
  .surveyBtn {
    position: absolute;
    top: 60%;
    left: 33%;
    width: auto;
  }
  
  .Individuals,
  .Businesses,
  .TakeSurvey {
    width: 189px;
    height: 48px;
    background-color: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
  }
  
  .contact-Title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #444444;
  }
  
  .MSRDCnt {
    position: relative;
    left: 88px;
  }
  
  .MRSD_lbl {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    /* display: block; */
    color: #444444;
  }
  
  .MRSD_Body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    height: 96px;
    width: 422px;
  }
  
  .contact {
    position: relative;
    left: 80px;
  }
  
  .contact_Address,
  .Lbl_email,
  .signuplabel {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #444444;
  }
  
  .email {
    position: relative;
    left: 50px;
  }
  
  .Ipt_Email {
    background: #ffffff;
    border: 1px solid #c6cacd;
    box-sizing: border-box;
    border-radius: 4px;
    width: 310px;
    height: 39px;
  }
  
  .email_sec {
    position: relative;
    top: 10px;
  }
  
  .subscribe_Lnk {
    float: right;
    position: absolute;
    /* right: -33px; */
    top: 102%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2b6ea5;
    left: 73%;
  }
  
  .socialMedia {
    position: relative;
    left: 73px;
    max-width: 150px;
  }
  
  .Img-FB,
  .img_twitter,
  .Img-linkedin,
  .img_youtube {
    width: 40px;
    height: 40px;
  }
  
  .contactForm {
    position: relative;
    top: -91px;
    left: 50%;
    max-width: 200px;
  }
  

/*-------------main banner------------------------*/
    #main-content .background-img {
      position: absolute;
      width: 98%;
    }
    #main-banner .banner-content {
      margin-left: 50px;
      margin-top:100px;
  }
   /* #main-banner .banner-content{
      top: 20%;
      position: relative;
    }*/
    
    #main-banner .banner-content .banner-title {
      color: rgba(44,117,221,1.0);
      font-size: 28px;
  }
  
   #main-banner .banner-content .label {
	
	      color: rgba(29,35,43,1.0) !important;
}

  #main-banner .banner-desc p {
    width: 60%;
}
#main-banner .banner-btn .btn1{
  border: 1px solid #C75100;
  padding: 10px;
  border-radius: 5px;
  /*width: 190px;*/
  margin-right: 20px;
  margin-top: 20px;
  text-align: center;
  color:#C75100 !important;

}

#main-banner .banner-btn .btn1:hover {
    background: #C75100;
    color: white !important;
    border: 1px solid #C75100;
}

#main-banner .banner-btn .btn1:hover a {
    color: white !important;
}

#main-banner .banner-btn .btn1 a{
    font-weight: 400;
    text-decoration:none;
    color:#C75100 !important;


}
#main-banner .banner-btn .btn2 a {
  color: black;
  font-weight: 600;
  text-decoration:none;

}

#main-banner .banner-btn .btn2 {
    padding: 10px 30px;
    border-radius: 5px;
    /* width: 190px; */
    background-color: #F7BA50;
    text-align: center;
    margin-top: 20px;
}

#main-banner .banner-btn .btn2:hover {
    background: #F59D0B;
}


#main-banner .banner-img{
  width: 100%;
}
#mob-banner-title .banner-title {
  color: rgba(44,117,221,1.0);
}
#mob-banner-title{
  padding:20px;
  
}
#mob-banner-title .font-class-7{
    font-weight: 700;
}
#mob_main-banner .banner-desc .font-class-7{
    font-weight: 700;
}
 

@media all and (max-width: 768px){
  #main-banner .banner-content {
    top: 0% !important;
}

}
/*-----------main-carousel--------------*/
#main_carousel .up-arrow{
  height: 25px;
  width: 25px;
  margin-bottom: 10px;
  margin-left: 10px;
}
#main_carousel .carousel-content .item{
  box-shadow: 0px 0px 15px 2px #e8e9e9;
  padding: 25px;
  padding-bottom: 0px;
  border-top: 8px solid blue;
  border-radius: 10px;
}

#main_carousel .carousel-content .item:hover {
    background: linear-gradient(
248.04deg
, #A766E8 -39.08%, #2563CC 109.28%);
border:none;
}

#main_carousel .carousel-content .item:hover * {

  color:white !important;
}

#main_carousel .carousel-content .item:hover .graph {
    filter: brightness(0) invert(1);
}

#main_carousel .graph{
  height: 100px;
  width:100%;
    /*width: 223px;*/
}
#main_carousel .item .count{
display: flex;
font-size: 36px;
font-weight: 700;
}
#main_carousel .item .gray{
  color:rgba(109,121,137,1.0);
}

.slick-next:before, .slick-prev:before {
  border-radius: 5px;
  text-align: center;
  padding: 13px 20px;
  font-family: "FontAwesome" !important;
  font-weight: 900;
  opacity: 1;
  background: linear-gradient(
    180deg
, #F7BA50 0%, #F59D0B 100%);
  position: relative;
  box-shadow: 0px 0px 10px 1px #e8e9e9;
      color: black !important;

}

.slick-next:hover:before, .slick-prev:hover:before {
    background-color: #F59D0B;
}

.slick-next:before {
  content: "\f105";
  right: 55px;
}
.slick-prev{
  z-index:2;
}
.slick-prev:before {
  content: "\f104";
  left: 55px;
}
#main_carousel .slick-slide{
  height: auto;
}
/*------------------------------*/

#second-section  .compare-salary .title-section{
  display: flex;
} 

#second-section  .compare-salary{
  background-color: #1f253d;
    color: #f9fafb;
    padding: 30px;
   /* margin-bottom: 15px;*/
    border-radius: 8px;
}
#second-section  .compare-salary .comp-salary-img{
  width: 77px;
  height: 47px;
  margin-right: 30px;
  margin-left: 15px;
}
#second-section  .compare-salary .title p{
font-size: 14px;
}
#second-section  .compare-salary .job-seekers{
  background-color: #4764d3;
  color: #f9fafb;
  border-radius: unset;
  box-shadow: none;
  padding: 13px;
}
#second-section  .compare-salary .employers{
  padding: 13px;
  color: #f9fafb;
  border: 1px solid #6d7989;
  border-radius: 0px;
  background: transparent;
}
#second-section  .compare-salary .btns{
  margin-bottom: 30px;
  margin-top: 30px;
}
#second-section  .compare-salary .job, #right-section .compare-salary .salary{
  background-color: #f9fafb;
  padding: 24px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#second-section  .compare-salary .compare-btn{
  font-size: 16px;
    height: 50px;
    margin-top: 20px;
}
#second-section  .compare-salary .form-group{
  margin-bottom: 30px;
  margin-top: 30px;
}
/*-----------------------*/
#second-section .banner-item .bg-img, #third-section #left-section .banner-item .bg-img, #right-section .banner-item .bg-img{
  width: 100%;
}
#second-section .banner-item .title, #third-section #left-section .banner-item .title, #right-section .banner-item .title{
  position: absolute;
  /*bottom: 62px; */
  bottom: 35px;
  color: white;
  text-align: center;
  font-size:24px;
}
#second-section .banner-item, #third-section #left-section .banner-item, #right-section .banner-item {
 /*margin-bottom: -20px; */
 position: relative;
}
/*#third-section #left-section .bg-img {
  height: 428px;
}*/
/**----------------------*/

#third-section .find-data .title-section  {
display: flex;
}

#third-section #right-section .find-data {
  background-color: #1f253d;
  color: white;
  padding: 35px;
  border-radius: 8px;
}

#third-section #right-section .find-data .data-img {
  height: 70px;
    width: 50px;
    bottom: 10px;
    position: relative;
    margin-right: 30px;
}

#third-section #right-section .find-data .compare-btn{
    height: 50px;
    background-color: #F7BA50;
    color: black;
    border: none;
  }
#third-section #right-section .find-data .compare-btn a{
    color: black;
    text-decoration:none;
  }


#third-section #right-section .find-data .title p{
  font-size: 14px;
}
/*--------------------------------------------*/
#latest-releases{
  background-image: url("../img/bg-image-5.png");
  background-position: top;
 /* margin-top: 30px;
 margin-top: 90px;  */
  background-repeat: no-repeat;
  background-size: cover;
}
#latest-releases .slick-prev, #latest-releases .slick-next {
  /* top:35%; */
  top:50%;
}
#latest-releases .item{
  box-shadow: 0px 0px 10px 1px #e8e9e9;
  border-radius: 10px;
  background-color: white;
}
#latest-releases .item .header {
  background-color: #6964da;
  color: white;
  padding: 10px;
  justify-content: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
#latest-releases .item .header .title{
  	margin-left: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}
#latest-releases .item .item-content{
  padding:15px;
  border-bottom: 1px solid #c6c8ca;
}
#latest-releases .item .item-content .date{
  color: rgba(109,121,137,1.0);
}

#latest-releases .item .download-section {
  padding:15px;
}

#latest-releases .item .download {
  background-color: #F59D0B;
  color: black;
  padding: 12px;
  border-radius: 5px;
  width: 80%;
}

#latest-releases .item .download {

  background-color: #F7BA50;

}

#latest-releases .item .download-icon {
  width: 25px;
  margin-right: 20px;
}
#latest-releases .item .infographic-img {
  border: .5px solid;
  height: 24px;
  width: 18px;
}

#latest-releases .release-btn .future-release button{
  background-color: white;
     color:#C75100 !important;
    padding: 12px;
    border-radius: 4px;
    width: 199px;
    height: 48px;
    font-weight: 600 !important;
    margin-right: 20px;
}
#latest-releases .release-btn{
  text-align: right;
    padding: 30px;
}
#latest-releases .release-btn .view-more button{
  width: 199px;
  height: 48px;
  border-radius: unset;
  box-shadow: none;
  padding: 12px;
  border-radius: 4px;
  background-color: #F7BA50;
  color: black;
  border: none;
}


.slick-slide{
  height: auto !important;
  padding-bottom: 20px;
}

.slick-prev {
  left: 0px !important;
}
.slick-next {
  right: 0px !important;
}

#desk-bannre-title .label{
  color: rgba(12,13,13,1.0);
}
.banner-desc h6{
  font-size: 20px;
  color: rgba(29,35,43,1.0);
}
.banner-desc p{
  font-size: 16px;
  color: rgba(29,35,43,1.0);
}
.item-content h6{
  font-size: 18px;
  color: rgba(12,13,13,1.0);
}
#maincarousel .item-content h6 {
    font-size: 16px;
}
.item-content p{
  color: rgba(12,13,13,1.0);
  font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 400;
  font-size:  16px;
}
.item-content .gray{
  color: rgba(109,121,137,1.0);
  font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 400;
  font-size:  16px;
}
#second-section .banner-item, #third-section #left-section .banner-item, #right-section .banner-item {
  display: flex;
  justify-content: center;
  width:100%;
}
#second-section .banner-item a, #third-section #left-section .banner-item a, #right-section .banner-item a {
 width:100%;
}
#third-section #left-section .banner-item, #right-section .banner-item {
  margin-bottom: 8px;
}
#latest-releases .item-content p{
  font-size:  14px;
}
#second-section .match-height, #third-section #left-section, #third-section #right-section{
  padding:4px;
}

#latest-releases .title {
    color: white;
    padding-top: 0px;
    margin-right: initial;
}
#right-section .title, .compare-salary .title  {
    color: white;
    padding-top: 0px;
}
#right-section .title h4, .compare-salary .title h4  {
    color: white;
    font-size: 28px;
    font-weight: 700;
}
#latest-releases h4, #latest-releases h5{
	    color: rgba(12,13,13,1.0);
	    font-size: 20px;
    	font-weight: 700;
}
#latest-releases .ms-webpartzone-cell {
margin-bottom: 0px;
}
_:-ms-fullscreen, :root #second-section .banner-item .title{
z-index:1;
left:0px;
right: 0px;
}
_:-ms-fullscreen, :root #left-section .banner-item .title{
	z-index:1;
	left:0px;
right: 0px;

}
_:-ms-fullscreen, :root #right-section .banner-item .title {
z-index:1;
left:0px;
right: 0px;
 }
 
   @media (max-width: 767px) {
   #latest-releases h4, #latest-releases h5 {
    font-size: 16px;
}
   }

 
 /*-----mob view-------------------------------------*/
#mob-main_carousel, .mob_releases, #mob_main-banner, .mob-compare_salary, .mob-find_data, #mob-highlights {
  display: none !important;
}
@media (max-width: 767px){
#mob-main_carousel, .mob_releases, #mob_main-banner, .mob-compare_salary, .mob-find_data, #mob-highlights {
    display: block !important;
  }
  #main-banner #desk, #second-section #desk, #main_carousel #desk, #third-section #desk, #latest-releases #desk, #deskSlick {
	display:none !important;
}
#latest-releases{
	margin-top:0px !important;
}
  }
/*mobile main-banner*/
#mob_main-banner .banner-img {
  width: 100%;
  background-image: url("../img/bg-image-1.png");
  background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#mob_main-banner .banner-desc .title {
  font-size: 16px;
  color: rgba(29,35,43,1.0);
  margin-top: 20px;
  margin-bottom: 20px !important;
}
#mob_main-banner .banner-btn .btn1{
  padding: 5px;
  font-size: 12px;
  margin: 0 !important;
  border-radius: 4px;
  text-align: center;
}#mob_main-banner .banner-btn .btn1 a{
  color: white;
}
#mob_main-banner .banner-btn .btn2 {
  padding: 5px;
  font-size: 12px;
  border-radius: 4px; 
  text-align: center;
  margin-top: 10px;
 
}
#mob_main-banner .banner-btn .btn2 a {
   color:black !important;
}
/*----------------------------------*/
/*mob main carousel*/
#mob-main_carousel .carousel-content{
  /*display: none; */
  margin-bottom: 10px;
}
#mob-main_carousel .carousel-content .item{
  padding: 10px !important;
}
#mob-main_carousel .item-content h6 {
  color: rgb(6, 7, 7);
  font-size: 12px;
  font-weight: 700;
  
}
#mob-main_carousel  .item .count{
font-size: 16px;
margin:0;
color:black;
font-weight: 800;
}
#mob-main_carousel .item-content p{
  font-size: 12px;
}
#mob-main_carousel .content{
  display: flex;
}
#mob-main_carousel .content img{
  margin-left: 15px;
  width: 20%;
}
#mob-main_carousel #view-more {
  display: block;
text-align: center;
font-size: 12px;
margin-top: 20px;
}
#mob-main_carousel #view-more::after {
  font-family: "FontAwesome";
  padding-left: 10px;
  content: "\f078";
}
/*-------------------------------------*/
/*mob compare salary*/

.mob-compare_salary{
background-color: #1f253d;
    color: white;
    margin-bottom:15px;
}
.mob-compare_salary .title{
color: white;
margin:0px;
}
.mob-compare_salary .comp-salary-img {
  width: 28px !important;
  height: 20px !important;
  margin-right: 15px !important;
  margin-left: 10px;
}
.mob-compare_salary .title {
  font-size: 14px;
}
.mob-compare_salary {
border-radius: unset !important;
padding: 15px !important;
}
/*-------------------------------*/
/*mob find data*/

.mob-find_data{
	background-color: #1f253d;
    color: white;
    padding: 13px;
}
.mob-find_data .title-section{
   display: flex;
}
.mob-find_data .title{
  font-size: 14px;
   color: white;
   margin:0px;

}
.mob-find_data .data-img {
  height: 25px !important;
  width: 25px !important;
  bottom: 0px !important;
  margin-right: 15px !important;
}
/*-----------------------------------*/
/*mob highlights*/

#mob-highlights .main-title{
  border-bottom: 1px solid;
  padding-bottom: 15px;
  color:black;
  margin-left: 15px;
  font-size:20px;
  font-weight:700;
}
#mob-highlights .item .img{
width: 100%;
}
#mob-highlights .item{
  display: flex;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  padding-bottom: 15px !important;
}
#mob-highlights .item .title{
color:black;
  font-size: 14px;
}
#mob-highlights .browse-highlights{
  text-align: center;
    display: block;
    width: 93%;
    margin: 0 auto;
    padding: 8px;
    font-size: 12px;
    border-radius: 5px;
    color: black !important;
    background-color: #F7BA50;
    border: none;
}

#mob-highlights .slick-prev:before{
	left:0px !important;
}

#mob-highlights .slick-next:before{
	right:0px !important;
}
/*-----------------------------------*/
/*mob releases*/

.mob_releases{
  margin-top: 30px !important;
}
.mob_releases .item{
  margin-bottom: 15px;
  box-shadow: unset !important;
  border-radius: 0px !important;
}
.mob_releases .item .header{
  border-radius: 0px !important;
}
.mob_releases .item .header .title{
font-size: 12px !important;
}
.mob_releases .item .count{
  font-size: 16px;
}
.mob_releases .main-title{
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.mob_releases .item .item-content .date{
font-size: 12px !important;
}
.mob_releases .slick-next:before, .mob_releases .slick-prev:before, #mob-highlights .slick-next:before, #mob-highlights .slick-prev:before{
  padding: 3px 10px !important;
}
.mob_releases .slick-prev, .mob_releases .slick-next, #mob-highlights .slick-prev, #mob-highlights .slick-next{
top:-50px !important;
}
.mob_releases .slick-prev, #mob-highlights .slick-prev{
  left: 75% !important;
}

.mob_releases .slick-prev:before{
	left:0px !important;
}

/*.mob_releases .slick-next, #mob-highlights .slick-next{
right:-10% !important
}*/

.mob_releases .slick-next:before{
	right:0px !important;
}
.mob_releases .release-btn .future-release button, .mob_releases .release-btn .view-more button{
  width: 130px !important;
  height: 35px !important;
  font-size: 12px;
  padding: 8px !important;
}
.mob_releases .release-btn{
display: flex;
text-align: center !important;
bottom: 30px;
position: relative;
}
.mob_releases .release-btn .future-release button{
  background-color: #122558 !important;
    color: white !important;
    border-color: white;
}
/*------------------------------------------------------*/
 
 @media (min-width: 768px) and (max-width: 952px){
  #main-banner .banner-content{
    margin-left: 25px !important;
  }
  #main-banner .banner-content .banner-btn{
padding: 0px;
  }
}
@media (min-width: 769px) and (max-width: 831px){
  #latest-releases .item .download{
    width: 100% !important;
  }

}
@media (min-width: 992px) and (max-width: 1155px){
  #latest-releases .item .download{
    width: 100% !important;
  }

}
@media (max-width: 360px){
#footer .footer-firstsection .footer-logo{
	width:100%;
}
#latest-releases .release-btn .future-release button{
	    margin-right: 5px !important;
}
#latest-releases .item .download{
	width:85% !important;
}
}

#third-section .ms-webpartzone-cell, #first-section .ms-webpartzone-cell {
   margin: 0px;
}
#second-section .col-md-6 {
    margin-bottom: 0px;
}
#second-section .row {
	margin-left:15px;
	margin-right:15px;
}